<script setup>
import {ref} from "vue";

defineProps({
  msg: String,
});

const count = ref(0);
</script>

<template>
  <div class="fuwc">
    <h2 class="biaox wow slideInLeft">专业服务支持</h2>
    <p class="fub">
      <span class="wow slideInLeft">科技点亮生活 </span>
      <span class="wow slideInRight">让城市充满色彩</span>
    </p>

    <ul class="bixa">
      <li class="wosw slideInDown">
        <p class="time">24小时</p>
        <P>免费服务电话</P>
        <P class="bingda">13255929517</P>
      </li>
      <li class="wosw slideInDown">
        <p class="time">E-MAIL</p>
        <P>我们的邮箱</P>
        <P style="line-height: 20px" class="bingda">23909905973 @163.com</P>
      </li>
      <li class="wosw slideInDown">
        <p class="time">FAX</p>
        <P>保修电话</P>
        <P class="bingda">13255929517</P>
      </li>
    </ul>
  </div>
</template>

<style scoped>
.bixa {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}
.bingda {
  margin-top: 20px;
  font-size: 22px;
}
.bixa li .time {
  margin-top: 20px;
  font-size: 30px;
  font-family: "&quot;Microsoft YaHei&quot";
  line-height: 166%;
}
.bixa li {
  color: rgb(255, 255, 255);
  text-align: center;
  padding: 20px;
  background: url(../../../assets/ssss.png);
  background-size: 100% 100%;
  width: 210px;
  height: 210px;
  /* border-radius: 50%; */
  /* background-color: red; */
}
.fub {
  padding-top: 20px;
  display: flex;

  letter-spacing: 1em;
  justify-content: space-between;
  width: 500px;
  margin: auto;
  text-align: center;
  color: #cccccc;
}
.biaox {
  text-align: center;
  font-weight: 700;
  color: rgb(255, 255, 255);
  font-size: 28px;
  line-height: normal;
}
.fuwc img {
  width: 100%;
  height: 100%;
}
.fuwc {
  padding: 20px;
  margin-top: 20px;
  width: 100%;
  height: 460px;

  background: url(../../../assets/87b168b2-4c9f-4550-a930-451c093caf7e.jpg);
}
</style>
